<template>
  <div style="page-break-before: always">
    <div>
      <h4>附件2</h4>
      <div>
        <div class="text-center">
          <h3 class="my-5">抵押物清单</h3>
        </div>
        <p v-if="existence" class="text-indent">
          {{ guard.gua_des }}
        </p>
        <div v-else>
          <div class="border-bottom-dark ml-5">&nbsp;</div>
          <div class="border-bottom-dark">&nbsp;</div>
          <p>
            <span class="text-decoration">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            ， 抵押给{{ contract.accept_entrust_entity_name || org.orgName }}，办理抵押登记。
          </p>
        </div>
        <div class="mt-5"></div>
        <div class="text-indent">
          <div class="d-flex">
            <div class="flex-1">抵押人：</div>
            <div class="flex-1 text-center">抵押权人：</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  components: {},
  props: {
    contract: {
      type: Object,
      default: () => ({}),
    },
    guard: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {}
  },
  computed: {
    ...mapGetters(['org']),
    existence() {
      return +this.guard.gua_method === 3
    },
  },
  watch: {},
  mounted() {},
  created() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.text-indent {
  text-indent: 2.4rem;
}
.text-decoration {
  text-decoration: underline;
}
.border-noprint {
  border: 1px solid $border-color;
}
.border-bottom-dark {
  border-bottom: 1px solid #333;
  margin: 0 0 1rem 0;
}
</style>
